<template>
  <!-- 厦门(首页)-->
  <div class="fluid">
    <el-breadcrumb class="bread" separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/about' }">了解我们</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/HarbinDynamics' }">哈工动态</el-breadcrumb-item>
      <el-breadcrumb-item>哈工科教，教你如何用scratch和python编程绘制五星红旗</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="siz">
      
      <h1 class="tit">哈工科教，教你如何用scratch和python编程绘制五星红旗</h1>
      <div class="xm"></div>
      <p class="Author">2019年10月1号&nbsp;&nbsp;&nbsp;作者:小哈</p>
      <!-- <p class="juz">摘要：机器人教育与编程教育的4个区别</p> -->
     
    
    <!-- <h1>1、涵盖范围不一</h1> -->
    <p class="header01">今天是中华人民共和国70周年华诞，为向国庆献礼,哈工科教青少儿机器人编程的小哈老师，将图形化少儿编程软件scratch和python绘制五星红旗的方法提供给给大家。</p>
    <p class="header01">编程教育：纯软件教学，注重编程的逻辑能力训练，对于孩子的逻辑推理思维能力要求高。</p>
    <p class="header01">画五星红旗其实主要的工作就是绘制五角星，我们思路就是定义一个绘制五角星的方法，然后确定每个五角星的位置，开始编程绘制即可。</p>
    <p class="header01">一、scratch绘制五角星的思路：因为scratch中没有方法可以直接填充图案，所以我们就不断地用画笔绘制五角星的轮廓，边长不断地减小，直到边长变成0，这样就把五角星绘制完成并进行了填充。 </p>
    <div class="liad">
        <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/hongqi1.png" alt="">
    </div>
    <div class="lia">
        <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/hongqi2.png" alt="">
    </div>
    <p class="header01">二、使用Python绘制五角星的思路：如下图的方式画五角星，然后用黄色填充。重复执行5次，每次向前移动同样的距离，然后右转144度。</p>
    <div class="liad">
        <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/hongqi3.png" alt="">
    </div>
    <p class="header01">-------------------python源码----------------------</p>
    <p class="header01"># 定义一个函数,可以画五角星</p>
     <p class="header01">def picture(x1,y1,x,y):</p>
     <p class="header01">turtle.up()</p>
     <p class="header01">turtle.goto(x1, y1)</p>
     <p class="header01">turtle.down()</p>
     <p class="header01">#用于填充颜色</p>
     <p class="header01">turtle.begin_fill()</p>
     <p class="header01">turtle.fillcolor("yellow")</p>
     <p class="header01">for i in range(5):</p>
     <p class="header01">turtle.forward(x)</p>
     <p class="header01">turtle.right(y)</p>
     <p class="header01">turtle.end_fill()</p>
     <p class="header01"># 速度为3</p>
     <p class="header01">turtle.speed(3)</p>
     <p class="header01"># 背景红色</p>
     <p class="header01">turtle.bgcolor("red")</p>
     <p class="header01"># 画笔颜色</p>
     <p class="header01">turtle.color("yellow")</p>
     <p class="header01">picture(-350,170,100,144)</p>
     <p class="header01">turtle.setheading(30)</p>
     <p class="header01">picture(-181,290,60,144)</p>
     <p class="header01">turtle.setheading(15)</p>
     <p class="header01">picture(-130,220,60,144)</p>
     <p class="header01">turtle.setheading(0)</p>
     <p class="header01">picture(-130,120,60,144)</p>
     <p class="header01">turtle.setheading(-15)</p>
     <p class="header01">picture(-180,50,60,144)</p>
     <p class="header01">turtle.done()</p>
     </div>
  </div>

  
</template>

<script>
export default {
  name: "xiamen",
  data(){
    const img =[
      {
        images:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/pic789.png",
         p:"学生们跟随哈工科教老师的指导搭建机器人，并对其进行编程、输入指令，使其完成设定的动作。通过这次机器人编程实践，锻炼了思维能力、解决问题能力、沟通能力、创造力等，并通过编程加深对这个以计算机为核心的世界的理解，培养了计算思维。"
      },
      {
        images:"https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/pic786.png",
        p:"人工智能的发展是大势所趋，未来所有行业都将随着人工智能而带来升级与变革。在中小学阶段开设人工智能、编程等课程，是国家在为未来储备AI人才。哈工科教少儿机器人编程教育经过3年超过10000小时的教学实验，形成了“互联网+”少儿智能机器人编程课程体系，为学生们提供进阶式学习体验，让学生们在机器人编程学习中提升自身综合能力，真正成为人工智能时代的创新者！"
      }
    ]
  return{
    img
  }
  }
};
</script>

<style scoped>
.data-header{
  text-align: center;
  margin-bottom:0;
  color: #999999;
}
.fluid {
  min-width: 1200px;
  margin: 0 auto;
  margin-top: 235px;
}
.bread {
  margin-bottom: 60px;
}
.siz {
  width: 1200px;
  height: 290
  px;
  margin: 0 auto;
}
.header0 {
  text-align: center;
  font-family: "黑体";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 41px;
  letter-spacing: 0px;
  color: #525252;
  margin-bottom: 22px;
}
.header00 {
    width: 1200px;
  font-family:"黑体";
  font-size: 22px;
  letter-spacing: 0px;
  color: #999999;
  text-indent: 39px;
  line-height: 41px;
  margin-bottom: 0;
  text-align: justify;
}
.header01{
    width: 1200px;
  font-family:"黑体";
  font-size: 22px;
  letter-spacing: 0px;
  color: #999999;
  text-indent: 48px;
  line-height: 41px;
  margin-bottom: 0;
  text-align: justify;
  margin: 20px 0;
}
.header{
     width: 1200px;
  font-family:"黑体";
  font-size: 22px;
  letter-spacing: 0px;
  color: #999999;
  text-indent: 39px;
  line-height: 41px;
  margin-bottom: 0;
  text-align: justify;
  margin-top: 40px;
}
.liad{
  text-align: center;
}
.lia{
  text-align: center;
}

.xm{
  width: 1090px;
	height: 3px;
	background-color: #08aaff;
  margin: 0 auto;
  
}
.little{
    font-size: 22px;
    letter-spacing: 0px;
    color: #999999;
    text-align: center;
}
.Author{
     font-size: 22px;
    letter-spacing: 0px;
    color: #999999;
    text-align: center;
    margin-bottom: 30px;
}
.juz{
  text-align: center;
  font-size: 22px;
    letter-spacing: 0px;
    color: #999999;
}
h1{
  font-size: 30px;
}
.tit{
  text-align: center;
}
</style>
